import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import {
    Button,
    Rate,
    Tabbar,
    TabbarItem,
    Swipe,
    SwipeItem,
    Tab,
    Tabs,
    ShareSheet,
    Toast,
    DatePicker,
    Calendar,
    Popup 
} from 'vant'
import { VueMasonryPlugin } from 'vue-masonry';

import './assets/main.css'
import 'vant/lib/index.css'

const app = createApp(App)

app.use(Button)
    .use(Rate)
    .use(Tabbar)
    .use(TabbarItem)
    .use(Swipe)
    .use(SwipeItem)
    .use(Tab)
    .use(Tabs)
    .use(ShareSheet)
    .use(Toast)
    .use(DatePicker)
    .use(VueMasonryPlugin)
    .use(Calendar)
    .use(Popup )
    .use(createPinia())
    .use(router)

app.mount('#app')
